<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../fonts/element-icons.ttf">
    <link rel="stylesheet" href="../fonts/element-icons.woff">
    <link rel="stylesheet" href="../css/ele.css">
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/url.js"></script>
    <!-- <script src="../node_modules/element-ui/lib/index.js"></script> -->
    <script src="../js/ele.js"></script>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/znxxxt.css">
    <script src="../js/echarts.min.js"></script>
    <script src="../js/crypto-js.min.js"></script>
    <script src="../js/aes.js"></script>
    <script src="../js/Mixin.js"></script>
</head>


<body>
    <div id="app">
        <!-- 头部 -->
        <header>
            <div class="heart ng-scope" ng-controller="HeartForm">
                <div class="logo" @click="goHome">
                    <img src="../image/index/logo.png" alt="" style="width: 123px;height: 59px;margin-top: 8px;">
                    <div style="width: 1px;
                height: 24px;
                background: #333333;
                margin-top: 7%;
                margin-right: 9px;"></div>
                    <div>留学大数据，智能选校专家</div>
                </div>
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="menuSelect">
                    <el-submenu index="1">
                        <template slot="title">产品</template>
                        <div class="chanpin">
                            <ul class="unav">
                                <li :class="[activenavliIndex==0?'activenavli':'']" @click="unavclcik(0)">全球院校库</li>
                                <li :class="[activenavliIndex==1?'activenavli':'']" @click="unavclcik(1)">智能选校系统</li>
                            </ul>
                            <div style="margin-left: 53px;" v-if="activenavliIndex==0">
                                <div class="ltitle"> <img src="../image/index/quanqiu.png" alt=""
                                        style="width: 26px;vertical-align: bottom;">
                                    全球院校库</div>
                                <div class="lcontent">
                                    <!-- <div> -->
                                    <ul v-for="(item,index) in headerList" :key="index">
                                        <li>{{item.name}}</li>
                                        <li v-for="i in item.universityItems" @click="qqyxkClick(item.id,i.id)">
                                            {{i.name}}院校库
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div style="margin-left: 53px;" v-if="activenavliIndex==1">
                                <div class="ltitle"> <img src="../image/index/quanqiu.png" alt=""
                                        style="width: 26px;vertical-align: bottom;">
                                    智能选校系统</div>
                                <div class="lcontent">
                                    <div>
                                        <ul>
                                            <li v-for="(i,index) in znxxxtList" :key="index" style="font-size: 12px;"
                                                @click="znxxxtSearch(i)">
                                                {{i.name}}</li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </el-submenu>
                    <el-menu-item index="2">会员</el-menu-item>
                    <el-menu-item index="3">套餐</a></el-menu-item>
                    <el-menu-item index="4">合作</a></el-menu-item>

                </el-menu>
                <div class="user_box" id="user_box">
                    <div v-if="isLogin">
                        <el-dropdown trigger="click">
                            <span class="el-dropdown-link">
                                <img :src="HeadImageUrl" alt=""
                                    style="width: 33px;height: 33px; vertical-align: middle;margin-right: 8px;">
                                {{nickname}}<i class="el-icon-arrow-down el-icon--right"></i>
                            </span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item icon="el-icon-user" @click.native="goUser">个人中心</el-dropdown-item>
                                <el-dropdown-item icon="el-icon-layout"
                                    @click.native="layoutLogin">退出登录</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </div>
                    <div v-else @click="login"><img src="../image/index/user.png" alt=""
                            style="width: 22px;vertical-align: middle;"> <a href="./login.html">登录</a>/ <a
                            href="./register.html">注册</a> </div>
                </div>
            </div>
        </header>
        <img src="../image/znxxxt/banner.png" alt="" style="width: 100%;">
        <!-- content height: calc(100vh - 114px);
        overflow-y: scroll;-->
        <div style="margin: auto;min-height: 1050px;">
            <div class="zixun">
                <div @click="()=>dialogWxzxVisiable=true"> <img src="../image/qqyxk/weixin.png" alt="">
                    <p>微信咨询</p>
                </div>
                <div @click="()=>dialogGxsjVisiable=true">
                    <img src="../image/qqyxk/shujuyuan.png" alt="">
                    <p>数据源更新</p>
                </div>
                <div style="border: 0;" @click="goTop">
                    <img src="../image/qqyxk/goTop.png" alt="">
                    <p>返回顶部</p>
                </div>
            </div>
            <div class="content" style="display: inline-block;margin-left: 18%;">
                <div class="ttitle">
                    <div class="znxxxt">智能选校系统</div>
                    <el-select v-model="countrySelectSystem" placeholder="请选择" style="margin-left: 18px;">
                        <el-option v-for="item in znxxxtList" :key="item.id" :label="item.name" :value="item.id"
                            @click.native="countrySelectSystemChange(item)">
                        </el-option>
                    </el-select>
                    <!--    <el-cascader v-model="yuanxiao" :options="options" @change="handleChangeYxk"></el-cascader> -->
                </div>
                <div class="beijing">
                    <div class="bcontent">
                        <div class="header">
                            <img src="../image/znxxxt/beijing.png" alt="">
                            <span>你的背景</span>
                        </div>
                        <div class="binfo">
                            <div>
                                <div><span class="text">本科学校:</span><span class="value">{{formState.zncollege}}</span>
                                </div>
                                <div><span class="text" style="width: 95px;">本科就读专业:</span><span
                                        class="value">{{formState.basubject}}</span>
                                </div>
                            </div>
                            <div>
                                <div style="display: flex;">
                                    <div><span class="text">本科均分:</span><span
                                            class="value">{{formState.avgscore}}</span>
                                    </div>
                                    <div><span class="text"
                                            style="text-align: right;padding-right: 8px;">雅思:</span><span
                                            class="value">{{formState.ietlscore}}</span></div>
                                    <div v-if="formState.project"><span class="text"
                                            style="text-align: right;padding-right: 8px;">项目:</span><span
                                            class="value">{{formState.project}}</span>
                                        <!-- <span style="font-size: 13px;">段</span> -->
                                    </div>
                                    <div v-if="formState.workexper"><span class="text"
                                            style="text-align: right;padding-right: 8px;">工作经验:</span><span
                                            class="value">{{formState.workexper}}</span>
                                        <!-- <span style="font-size: 13px;">段</span> -->
                                    </div>
                                </div>
                                <div><span class="text" style="width: 95px;">GRE/GMAT:</span><span
                                        class="value">{{formState.grescore}}</span>
                                    <!-- <span style="font-size: 13px;">(包含GRE314以下或GMAT590以下)</span> -->
                                </div>
                            </div>
                            <div style="margin-bottom: 0;">
                                <div><span class="text">意向院校:</span><span class="value">{{formState.escollege}}</span>
                                </div>
                                <div><span class="text">意向专业:</span><span class="value">{{formState.masubjectid}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="margin-top: 17px;">
                    <el-collapse accordion v-model="collapseActive" @change="collapseChange">
                        <el-collapse-item v-for="(item,index) in yuanxiaoList" :key="index" :name="index+''">
                            <template slot="title">
                                <div class="item">
                                    <div class="num"
                                        :style="index==0?'background-image:url(../image/qqyxk/top1.png)':index==1?'background-image:url(../image/qqyxk/top2.png)':index==2?'background-image:url(../image/qqyxk/top3.png)':''">
                                        TOP </br> 0{{index+1}}
                                    </div>
                                    <div style=" flex: 1;">
                                        <div class="top" @click.stop="showCollapse">
                                            <div>
                                                <div class="xuexiao">QS{{item.collegeQs}} {{item.collegeName}}</div>
                                                <div class="zhuanye">{{item.majorEsName}} | {{item.majorZnName}}</div>
                                                <div class="lianjie">
                                                    <a :href="item.website">链接</a> | 学制{{item.eduYears}} |
                                                    学费:{{item.eduCost}} | 最低均分:{{item.lowscore }} |
                                                    {{item.langrequire}}
                                                </div>
                                            </div>
                                            <div class="shoucang">
                                                <div @click.stop="showCollapse">
                                                    <img src="../image/qqyxk/shoucang.png" alt=""
                                                        @click="shoucang(index)" v-if="!item.isShoucang">
                                                    <img v-else src="../image/qqyxk/shoucangactive.png" alt=""
                                                        @click="cancelShoucang(index)">
                                                    <span>收藏</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="bottom" @click.stop="dialog(index,item)">
                                            <div class="one">
                                                <p>申请要求</p>
                                                <div>{{item.langrequire}} {{item.applyrequire}}</div>
                                            </div>
                                            <!-- index: {{index}} collapseActive:{{collapseActive}} -->
                                            <div class="luqu" v-if="String(index)!=collapseActive">
                                                录取数据透视
                                                <img src="../image/znxxxt/xiala.png" alt="">
                                            </div>
                                            <div class="luqu" v-else>
                                                录取数据透视
                                                <img src="../image/znxxxt/xiala.png" alt="">
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </template>
                            <div class="zhankaiContent" v-if="collapseActive==index">
                                <div style="flex: 1;">
                                    <div class="chartTitle">历年官方录取数据分析</div>
                                    <div id="chart0"></div>
                                    <div class="sjwhz" v-if="echartData.listEnrollsuggest.length==0">数据维护中</div>
                                </div>
                                <div style="flex: 1;">
                                    <div class="chartTitle">竞争烈度分析</div>
                                    <div id="chart1"></div>
                                    <div class="sjwhz" v-if="echartData.scatterchart.length==0">数据维护中</div>
                                </div>
                                <div style="flex: 1;">
                                    <div class="chartTitle">竞争力分析</div>
                                    <div id="chart2"></div>
                                    <div class="sjwhz"
                                        v-if="echartData.listCompetesuggest&&echartData.listCompetesuggest.length==0">
                                        数据维护中</div>
                                </div>
                                <div style="width: 15%;">
                                    <div class="chartTitle">比较录取概率</div>
                                    <div id="chart3"></div>
                                    <!-- <div class="sjwhz" v-if="echartData.enrollrate">数据维护中</div> -->
                                </div>
                            </div>
                        </el-collapse-item>
                    </el-collapse>
                </div>
            </div>
            <!--  -->
            <div class="searchContent" style="float: none;vertical-align: top;display: inline-block;">
                <div>
                    <div class="stitle">
                        <div>院校排名范围</div> <span @click="()=>yxSortRangShow = !yxSortRangShow" class="xiangxi">详细 <img
                                src="../image/qqyxk/yxZk.png" alt=""></span>
                    </div>
                    <div v-if="yxSortRangShow">
                        <el-input size="mini" placeholder="请输入院校名称" prefix-icon="el-icon-search" v-model="yuanxianName"
                            @input="yuanxianNameInput"></el-input>
                        <el-radio-group v-model="checkAll" style="margin-top: 8px;width:100%">
                            <div v-for="(item,index) in yxSortRang" :key="index">
                                <div class="stitle" style="margin-bottom: 0;">
                                    <el-radio style="margin-bottom: 12px;width:100%" :label="item.name">
                                        <div style="display: inline-block;width: 87%;" @click="yxRangDetail(index)">
                                            <span>{{item.name}}</span>
                                            <span class="xiangxi" style="float: right;" v-if="index!=0">详细 <img
                                                    src="../image/qqyxk/yxZk.png" alt="">
                                        </div>
                                    </el-radio>

                                </div>
                                <el-checkbox-group v-model="checkedSort" @change="handleCheckedItemsChange"
                                    v-if="index==yxActiveIndex?true:false" style="margin-left: 20px;">
                                    <el-checkbox v-for="(item,index) in yxSort" :label="item.collegeName"
                                        :key="index">QS{{item.collegeQs}}{{item.collegeName}}</el-checkbox>
                                </el-checkbox-group>
                            </div>
                        </el-radio-group>
                    </div>
                </div>
                <div>
                    <div class="stitle">
                        <div>意向领域</div> <span class="xiangxi" @click="()=>yxlyShow=!yxlyShow">详细 <img
                                src="../image/qqyxk/yxZk.png" alt=""></span>
                    </div>
                    <div v-if="yxlyShow">
                        <el-input size="mini" placeholder="请输入专业" prefix-icon="el-icon-search" v-model="zhuanyeName"
                            style="margin-bottom: 13px;" @input="zhuanyeNameInput"></el-input>
                        <el-radio label="0" style="margin-bottom: 7px;" v-model="zyAll"
                            @input="()=>checkedSortZy=[]">不限</el-radio>
                        <el-checkbox-group v-model="checkedSortZy" @change="checkedSortZyChange">
                            <el-checkbox style="margin-bottom: 7px;" v-for="(item,index) in zhuanyeList" :key="index"
                                :label="item">{{item}}</el-checkbox>
                        </el-checkbox-group>
                        <!-- <div style="margin-bottom: 7px;" v-for="(item,index) in yxlyOptions" :key="index">
                            <el-radio :label="index">{{item.text}}</el-radio>
                        </div> -->
                    </div>
                </div>
                <div>
                    <div class="stitle">
                        <div>要求工作经验</div>
                    </div>

                    <div style="margin-bottom: 7px;">
                        <el-radio v-for="(item,index) in zhuanyeOptions" :key="index" v-model="workexper"
                            :label="item.text">{{item.text}}</el-radio>
                    </div>
                </div>
                <div>
                    <div class="stitle">
                        <div>要求GRE或GMAT</div>
                    </div>
                    <div style="margin-bottom: 7px;">
                        <el-radio v-model="grescore" v-for="(item,index) in zhuanyeOptions" :key="index"
                            :label="item.text">{{item.text}}</el-radio>
                    </div>
                </div>
                <div style="border: 0;">
                    <div class="stitle">
                        <div>雅思总分要求</div> <span class="xiangxi" @click="()=>yasiShow=!yasiShow">详细 <img
                                src="../image/qqyxk/yxZk.png" alt=""></span>
                    </div>
                    <div style="margin-bottom: 7px;" v-for="(item,index) in yasiOptions" :key="index" v-if="yasiShow">
                        <el-radio v-model="ietlscore" :label="item.text">{{item.text}}</el-radio>
                    </div>
                    <el-button type="primary" size="small" style="width: 100%;margin-top: 7px;"
                        @click="search">立即查询</el-button>
                </div>
                <div class="lxC">
                    <img class="logo" src="../image/znxxxt/logo.png" alt="">
                    <div class="thanks">感谢非攻留学大数据 </br><span>李小明</span>老师(联系:136 1692 3422)</br> 参与数据库共建</div>
                    <div class="tip"><img src="../image/znxxxt/yinhao.png"
                            alt="">非攻云数FIGO是一家专业的留学技术公司，具有海外基底。留学大数据，智能选校专家</div>
                </div>
            </div>
        </div>
        <!-- footer -->
        <footer>2023-2024 非攻留学大数据 版权所有 feigongdata.com 浙ICP备2024101258号-1</footer>

        <div class="dialog" v-if="dialogWxzxVisiable">
            <div class="dcontent">
                <img src="../image/close.png" alt="" style="width: 20px;position: absolute;top: 20px;right: 20px;"
                    @click="()=>dialogWxzxVisiable=false">
                <div class="dtop">
                    <img src="../image/wxzx.png" alt="" style="height: 80%;">
                </div>
                <div class="dbtm"></div>
                <div class="cont">
                    <img src="../image/member/ewm.png" alt="" style="width: 142px;margin-top: 33px;">
                    <div style="font-size: 13px;margin-top: 8px;">大李-非攻留学选校系统</div>
                    <div
                        style="font-size: 13px;line-height: 35px;text-align: center;
                        color: #0094FF;width: 287px; height: 35px;background: rgba(0,148,255,0.1);border-radius: 5px 5px 5px 5px;margin:33px auto 0;">
                        扫码添加专属客服微信号，领取专属福利~</div>
                </div>
            </div>
        </div>
        <div class="dialogSjy" v-if="dialogGxsjVisiable">
            <div class="dcontent" style="width: 483px;height: 397px;">
                <img src="../image/close1.png" alt="" style="width: 20px;position: absolute;top: 20px;right: 20px;"
                    @click="()=>dialogGxsjVisiable=false">
                <img src="../image/sjy.png" alt="" style="width: 108px;position: absolute; top:52px;right: 8px;">
                <div style="font-size: 20px;">数据源更新日志</div>
                <div style="font-size: 12px;width: 82%;
                color: #999999;margin-top: 14px;">如果您在使用过程中发现院校数据不正确，可随时提交相关的正确数据，我们将万分感谢您的反馈与支持。
                    我们致力于提供最准确和最新的教育信息，因此您的每一条建议都是我们改进服务的宝贵资源。</div>
                <table cellspacing="0">
                    <thead style="background-color: #0D6EED;">
                        <tr>
                            <th>序号</th>
                            <th>更新时间</th>
                            <th>更新内容</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="i in 6">
                            <td>0{{i}}</td>
                            <td>2025年1月21日</td>
                            <td>更新英国数据库v1.1</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
<script>
    var app = new Vue({
        mixins: [myMixin],
        el: "#app",
        data() {
            return {
                dialogWxzxVisiable: false,
                dialogGxsjVisiable: false,
                yuanxiaoName: '',
                collapseActive: '-1',
                activeIndex: '1',
                activenavliIndex: 0,
                titleList: ['会员', '套餐', '合作'],
                isLogin: false,
                tabactiveIndex: 0,
                activeXueyuanIndex: 0,
                yuanxiao: [],
                countrySelectSystem: '',
                countrySelectSystemOptions: [
                    {
                        value: '选项1',
                        label: '美国选校系统'
                    }, {
                        value: '选项2',
                        label: '美国选校系统'
                    }, {
                        value: '选项3',
                        label: '美国选校系统'
                    }, {
                        value: '选项4',
                        label: '美国选校系统'
                    }, {
                        value: '选项5',
                        label: '美国选校系统'
                    }
                ],
                options: [{
                    value: '欧洲院校库',
                    label: '欧洲院校库',
                    children: [
                        {
                            value: '荷兰院校库',
                            label: '荷兰院校库',
                        },
                        {
                            value: '意大利院校库',
                            label: '意大利院校库',
                        },
                        {
                            value: '西班牙院校库',
                            label: '西班牙院校库',
                        }, {
                            value: '丹麦院校库',
                            label: '丹麦院校库',
                        }, {
                            value: '法国院校库',
                            label: '法国院校库',
                        }, {
                            value: '德国院校库',
                            label: '德国院校库',
                        }, {
                            value: '比利时院校库',
                            label: '比利时院校库',
                        }, {
                            value: '瑞典院校库',
                            label: '瑞典院校库',
                        }, {
                            value: '芬兰院校库',
                            label: '芬兰院校库',
                        }]
                },
                {
                    value: '北美院校库',
                    label: '北美院校库',
                    children: [{
                        value: '美国院校库',
                        label: '美国院校库',
                    }, {
                        value: '加拿大院校库',
                        label: '加拿大院校库',
                    }]
                },
                {
                    value: '英爱院校库',
                    label: '英爱院校库',
                    children: [{
                        value: '英国院校库',
                        label: '英国院校库'
                    }, {
                        value: '爱尔兰院校库',
                        label: '爱尔兰院校库'
                    }]
                },
                {
                    value: '澳新院校库',
                    label: '澳新院校库',
                    children: [{
                        value: '澳大利亚院校库',
                        label: '澳大利亚院校库'
                    }, {
                        value: '新西兰院校库',
                        label: '新西兰院校库'
                    }]
                }, {
                    value: '港新院校库',
                    label: '港新院校库',
                    children: [{
                        value: '香港院校库',
                        label: '香港院校库'
                    }, {
                        value: '新加坡院校库',
                        label: '新加坡院校库'
                    }]
                }, {
                    value: '东南亚院校库',
                    label: '东南亚院校库',
                    children: [{
                        value: '马来西亚院校库',
                        label: '马来西亚院校库'
                    }]
                }],
                xueyuanList: [
                    '建筑及城市规划学院',
                    '工程学院',
                    '人文及社会科学学院',
                    '阿尔佛雷德·P·斯隆管理学院',
                    '理学院',
                    '施瓦茨曼计算机学院',
                    '施瓦茨曼计算机学院',
                    '施瓦茨曼计算机学院'
                ],
                yuanxiaoList: [{ index: 0 }, { index: 1 }, { index: 2 }, { index: 3 }],
                zhuanyeList: [{ index: 0 }, { index: 1 }, { index: 2 }, { index: 3 }],
                yxSort: ['QS8哈弗大学', 'QS17麻省理工', 'Q36香港中文大学'],
                checkAll: '不限',
                checkedSort: [],
                isIndeterminate: true,
                yxlyOptions: [
                    {
                        text: '不限',
                        value: ''
                    },
                    {
                        text: '哲学',
                        value: '哲学'
                    },
                    {
                        text: '电子电气',
                        value: '电子电气'
                    },
                    {
                        text: '金融',
                        value: '金融'
                    },
                    {
                        text: '法学',
                        value: '法学'
                    }
                ],
                grescore: '不限',
                workexper: '不限',
                zhuanyeOptions: [
                    {
                        text: '不限',
                        value: ''
                    },
                    {
                        text: '是',
                        value: '是'
                    },
                    {
                        text: '否',
                        value: '否'
                    },
                ],
                yasiOptions: [
                    {
                        text: '不限',
                        value: '不限'
                    },
                    {
                        text: '7.0-7.5',
                        value: '7.0-7.5'
                    },
                    {
                        text: '6.0-6.5',
                        value: '6.0-6.5'
                    },
                ],
                ietlscore: '不限',
                isyuanxiaozhankai: true,
                isyxlyzhankai: true,
                formState: {},
                yxSortRangShow: true,
                yuanxianName: '',
                yxActiveIndex: -1,
                yxSortRang: [{ name: '不限', xiangxi: false }, { name: 'QS50以内', xiangxi: false }, { name: 'QS51~100', xiangxi: false }, { name: 'QS101~150', xiangxi: false }, { name: 'QS150以上', xiangxi: false }],
                checkedSortZy: [],
                yxlyShow: true,
                zhuanyeName: '',
                yasiShow: true,
                zyAll: '0',
                yuanxiaoListCopy: [],
                echartData: {}
            }
        },
        created() {
            this.formState = JSON.parse(localStorage.formState)
            this.countrySelectSystem = JSON.parse(localStorage.znxxxtSearch).id
            http('univ/queryresult?queryonylcode=' + JSON.parse(Decrypt(localStorage.queryonylcode)) + '&querycode=' + this.countrySelectSystem, 'post').then(res => {
                if (res.message == "Fail") {
                    location.href = './znxxxtError.html'
                }
                console.log(11111111, JSON.parse(Decrypt(res.data)));
                let data = JSON.parse(Decrypt(res.data))
                if (data.length == 0) {
                    location.href = './znxxxtError.html'
                }
                this.yuanxiaoList = data
                this.zhuanyeList = data.map(i => {
                    return i.majorZnName
                })
                if (this.formState.escollege) {
                    this.yuanxianName = this.formState.escollege
                    this.yuanxianNameInput()
                }
                this.yuanxiaoListCopy = this.yuanxiaoList.slice()
            })

        },
        mounted() {
            // this.getChart0()
            // this.getChart1()
            // this.getChart2()
            // this.getChart3()
        },
        methods: {
            yuanxianNameInput() {
                if (!this.yuanxianName) {
                    return
                }
                let result = this.yuanxiaoList.filter(i => {
                    return i.collegeName.indexOf(this.yuanxianName) > -1
                })
                this.checkedSort = result.map(i => {
                    return i.collegeName
                })
                let Index50 = result.findIndex(i => {
                    console.log(Number(i.collegeQs));
                    return Number(i.collegeQs) <= 50
                })
                for (let i of result) {
                    if (Number(i.collegeQs) <= 50) {
                        this.yxActiveIndex = 1
                    }
                    else if (Number(50 < i.collegeQs) <= 100) {
                        this.yxActiveIndex = 2
                    }
                    else if (Number(100 < i.collegeQs) <= 150) {
                        this.yxActiveIndex = 3
                    }
                    else if (Number(i.collegeQs) > 150) {
                        this.yxActiveIndex = 4
                    }
                }
                this.shaixuanYxSortRang(this.yxActiveIndex)
            },
            shaixuanYxSortRang(index) {
                if (index == 0) {
                    this.yxSort = this.yuanxiaoList
                }
                else if (index == 1) {
                    this.yxSort = this.yuanxiaoList.filter(i => {
                        return Number(i.collegeQs) <= 50
                    })
                }
                else if (index == 2) {
                    this.yxSort = this.yuanxiaoList.filter(i => {
                        return 50 < Number(i.collegeQs) && Number(i.collegeQs) <= 100
                    })
                }
                else if (index == 3) {
                    this.yxSort = this.yuanxiaoList.filter(i => {
                        return 100 < Number(i.collegeQs) && Number(i.collegeQs) <= 150
                    })
                }
                else if (index == 4) {
                    this.yxSort = this.yuanxiaoList.filter(i => {
                        return Number(i.collegeQs) > 150
                    })
                }
                if (this.yxSort.length != 0) {
                    this.yxSort = this.deduplicate(this.yxSort, 'collegeName')
                    console.log('this.yuanxiaoList', index, this.yxSort);
                }

            },
            deduplicate(arr, t = "") {
                const newArr = [arr[0]]
                // 有指定字段
                if (t) {
                    for (let i = 1; i < arr.length; i++) {
                        let repeat = false
                        for (let j = 0; j < newArr.length; j++) {
                            if (t && arr[i][t] === newArr[j][t]) {
                                repeat = true
                                break
                            }
                        }
                        if (!repeat) newArr.push(arr[i])
                    }
                }
                // 无指定字段
                else {
                    for (let i = 1; i < arr.length; i++) {
                        let repeat = false
                        for (let j = 0; j < newArr.length; j++) {
                            if (arr[i] === newArr[j]) {
                                repeat = true
                                break
                            }
                        }
                        if (!repeat) newArr.push(arr[i])
                    }
                }
                return newArr
            },
            yxRangDetail(index) {
                if (this.yxActiveIndex == index) {
                    this.yxActiveIndex = -1
                } else if (index != 0) {
                    this.yxActiveIndex = index
                }
                this.shaixuanYxSortRang(index)
                // this.$set(this.yxSortRang, index, { ...this.yxSortRang[index], xiangxi: !this.yxSortRang[index].xiangxi })
            },
            search() {
                console.log(this.checkAll);
                console.log('this.yuanxiaoListCopy', this.yuanxiaoListCopy, this.yuanxiaoList);
                if (this.checkAll == '不限') {
                    this.checkedSort = this.yuanxiaoList.map(i => {
                        return i.collegeName
                    })
                }
                let yx = this.yuanxiaoListCopy
                for (let i of this.checkedSort) {
                    yx = this.yuanxiaoList.filter(j => {
                        return j.collegeName == i
                    })
                }
                // 不全选  专业
                if (this.zyAll != 0) {
                    for (let i of this.checkedSortZy) {
                        yx = yx.filter(j => {
                            return j.majorZnName == i
                        })
                    }
                }
                // 工作经验
                if (this.workexper == '是') {
                    yx = yx.filter(i => {
                        return i.bNeedWorkExper == true
                    })
                }
                // 要求GRE或GMAT
                if (this.grescore == '是') {
                    yx = yx.filter(i => {
                        return i.bNeedGRE == true
                    })
                }
                // 雅思总分要求
                if (this.ietlscore != '不限') {
                    yx = yx.filter(i => {
                        return i.bNeedIELTS == this.ietlscore
                    })
                }
                this.yuanxiaoList = yx
                this.collapseActive = '-1'


                console.log('yx', yx);
                // http('basicdata/queryunivlistfilt?querycode=' + this.yuanxiao[1], 'post', {
                //     universityId: this.checkedSort, // 院校唯一编码列表 
                //     masubjectid: '',
                //     workexper: this.workexper,
                //     grescore: this.grescore,
                //     ietlscore: this.ietlscore
                // }).then(res => {
                //     console.log('queryunivlistfilt', JSON.parse(Decrypt(res.data)));
                //     let data = JSON.parse(Decrypt(res.data))
                //     this.yuanxiaoList = data
                // })
            },
            zhuanyeNameInput() {
                if (this.zhuanyeName) {
                    this.checkedSortZy = this.zhuanyeList.filter(i => {
                        return i.indexOf(this.zhuanyeName) > -1
                    })
                } else {
                    this.checkedSortZy = []
                }
            },
            checkedSortZyChange(e) {
                console.log(e, this.checkedSortZy);
                if (this.checkedSortZy.length) {
                    this.zyAll = '1'
                } else {
                    this.zyAll = '0'
                }
            },
            yuanxiaozhetie() {
                this.isyuanxiaozhankai = !this.isyuanxiaozhankai
            },
            yxlyzhetie() {
                this.isyxlyzhankai = !this.isyxlyzhankai
            },
            unavclcik(index) {
                console.log(index);
                this.activenavliIndex = index
            },
            tabClick(index) {
                this.tabactiveIndex = index
            },
            login() {
                window.location.href = './login.html'
            },
            goHome() {
                window.location.href = './index.html'
            },
            goUser() {
                window.location.href = './user.html'
            },
            handleChangeYxk(e) {
                console.log(e, this.value);
            },
            xueyuanClick(e) {
                this.activeXueyuanIndex = e
            },
            zhankai(index) {
                console.log(index);
                this.$set(this.yuanxiaoList, index, { isZhankai: true })
            },
            shouqi(index) {
                this.$set(this.yuanxiaoList, index, { isZhankai: false })
            },
            shoucang(index) {
                this.$set(this.yuanxiaoList, index, { ...this.yuanxiaoList[index], isShoucang: true })
                console.log('this.yuanxiaoList', this.yuanxiaoList);
            },
            cancelShoucang(index) {
                this.$set(this.yuanxiaoList, index, { ...this.yuanxiaoList[index], isShoucang: false })
                console.log('this.yuanxiaoList', this.yuanxiaoList);

            },
            handleCheckAllChange(val) {
                this.checkedSort = val ? this.yxSort : [];
                this.isIndeterminate = false;
            },
            handleCheckedItemsChange(value) {
                console.log(value);
                let checkedCount = value.length;
                this.checkAll = checkedCount === this.yxSort.length;
                this.isIndeterminate = checkedCount > 0 && checkedCount < this.yxSort.length;
            },
            goTop() {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            },
            dialog(index, item) {
                this.$alert('查看录取数据透视需要扣减code码，是否继续？', '提示', {
                    confirmButtonText: '确定',
                    callback: action => {
                        console.log(action);
                        if (action == 'confirm') {
                            this.collapseActive = String(index)
                            http('univ/querydetail?querydetailid=' + item.queryid + '&querycode=' + this.countrySelectSystem, 'post').then(res => {
                                console.log(222, JSON.parse(Decrypt(res.data)));
                                let data = JSON.parse(Decrypt(res.data))
                                this.echartData = data
                                let data0 = data.listEnrollsuggest
                                let data1 = data.scatterchart
                                let data2 = data.listCompetesuggest
                                let data3 = data.enrollrate ? Number(data.enrollrate.replace('%', '')) : 0
                                console.log('data3', data3);

                                this.$nextTick(() => {
                                    if (data0.length > 0) {
                                        this.getChart0(data0)
                                    }
                                    if (data1.length > 0) {
                                        this.getChart1(data1)
                                    }
                                    if (data2.length > 0) {
                                        this.getChart2(data2)
                                    } else {
                                        this.getChart2([0])
                                    }
                                    this.getChart3(data3)
                                })
                            })
                        }
                    }
                });
            },
            collapseChange(val) {
                console.log(val);
                this.collapseActive = val
                // this.$nextTick(() => {
                //     this.getChart0()
                //     this.getChart1()
                //     this.getChart2()
                //     this.getChart3()
                // })
            },
            countrySelectSystemChange(item) {
                this.znxxxtSearch(item)
            },
            getChart0(data0) {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart0'));
                let zsNumList = []

                let sqNumList = []

                let nianfenList = []
                if (data0.length) {
                    zsNumList = data0.map(i => {
                        return i.offers
                    })
                    sqNumList = data0.map(i => {
                        return i.applications
                    })
                    nianfenList = data0.map(i => {
                        return i.enrollyear
                    })
                }

                // 指定图表的配置项和数据
                var series = [
                    {
                        data: zsNumList,
                        type: 'bar',
                        barWidth: 13,
                        stack: 'a',
                        name: '招生人数'
                    },
                    {
                        data: sqNumList,
                        type: 'bar',
                        barWidth: 13,
                        stack: 'a',
                        name: '申请人数'
                    },
                    // {
                    //     data: [30, '-', 0, 20, 10, '-', 0],
                    //     type: 'bar',
                    //     barWidth: 14,
                    //     stack: 'a',
                    //     name: 'c'
                    // },
                    // {
                    //     data: [30, 30, 30, 20, 10, 30, 30],
                    //     type: 'bar',
                    //     barWidth: 14,
                    //     stack: 'a',
                    //     name: 'd'
                    // },
                ];
                const stackInfo = {};

                for (let i = 0; i < series[0].data.length; ++i) { // 7 xAxisLabel
                    for (let j = 0; j < series.length; ++j) { // 多少柱图
                        const stackName = series[j].stack;
                        if (!stackName) {
                            continue;
                        }
                        if (!stackInfo[stackName]) {
                            stackInfo[stackName] = {
                                stackStart: [],
                                stackEnd: []
                            };
                        }
                        const info = stackInfo[stackName];
                        const data = series[j].data[i];
                        if (data && data !== '-') {
                            if (info.stackStart[i] == null) {
                                info.stackStart[i] = j;
                            }
                            info.stackEnd[i] = j;
                        }
                    }
                }
                for (let i = 0; i < series.length; ++i) {
                    const data = series[i].data;
                    const info = stackInfo[series[i].stack];
                    // 判断a:为圆角的时候是那组数据
                    for (let j = 0; j < series[i].data.length; ++j) {
                        const isEnd = info.stackEnd[j] === i;
                        const topBorder = isEnd ? 5 : 0;
                        const bottomBorder = 0;
                        data[j] = {
                            value: data[j],
                            itemStyle: {
                                borderRadius: [bottomBorder, topBorder, topBorder, bottomBorder]
                            }
                        };
                    }
                }
                colors = [
                    '#165DFF',
                    '#14C9C9',
                    '#EBBF38',
                    '#73DEBD',
                    '#26C978',
                    '#8CDF6C',
                    '#FBD657',
                    '#F56679',
                    '#E07BCE',
                    '#9D50E0',
                    '#634FDA'
                ]
                var option = {
                    color: colors,
                    legend: {
                        icon: "circle",
                        // right: 0,
                        itemWidth: 7,
                        bottom: 0,
                        textStyle: {
                            fontSize: 8,
                            color: '#999999',
                        }
                    },
                    textStyle: {
                        fontSize: 10
                    },
                    tooltip: {
                        trigger: 'axis',
                    },
                    yAxis: {
                        type: 'category',
                        data: nianfenList,
                        name: '入学年份',
                        // 刻度线
                        axisTick: {
                            show: false, //  是否显示
                        },
                        nameTextStyle: {
                            color: '#8998AC',
                            padding: [0, 15, 0, 0],
                            fontSize: 8
                        },
                        axisLabel: { //  改变x轴字体颜色和大小
                            textStyle: {
                                color: "#86909C",
                                fontSize: 8
                            },
                        },
                    },

                    xAxis: {
                        name: '人数',
                        type: 'value',
                        nameTextStyle: {
                            color: '#8998AC',
                            padding: [10, 0, 0, 160],
                            fontSize: 8
                        },
                        nameLocation: 'middle',
                        axisLabel: { //  改变x轴字体颜色和大小
                            textStyle: {
                                color: "#86909C",
                                fontSize: 8
                            },
                        },
                        // position: "bottom"
                    },
                    grid: {
                        top: 30,
                        right: '20',

                        bottom: 40,
                        containLabel: true
                    },
                    series: series
                };


                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            },
            getChart1(data1) {
                let list985 = []
                let list211 = []
                let listShuangfei = []
                let listUser = []
                for (let i of data1) {
                    console.log('i.typename', i.typename);
                    if (i.typename == 'Is985') {
                        list985.push([[i.sortRKX, i.scoreBaY]])
                    } if (i.typename == "Is211") {
                        list211.push([i.sortRKX, i.scoreBaY])
                    } if (i.typename == 'DoubleNon') {
                        listShuangfei.push([i.sortRKX, i.scoreBaY])
                    } if (i.typename == 'user0') {
                        listUser.push([i.sortRKX, i.scoreBaY])
                    }
                }
                console.log('list211', list211);

                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart1'));
                var option = {
                    grid: {
                        left: '20',
                        top: 30,
                        right: '20',
                        bottom: 40,
                        containLabel: true
                    },
                    backgroundColor: "#fff",
                    legend: {
                        bottom: 0,
                        right: 0,
                        itemWidth: 7,
                        itemHeight: 7,
                        data: ['你的背景', '985', '211', '双非'],
                        textStyle: {
                            fontSize: 8,
                            color: '#999999',
                        }
                    },
                    tooltip: {
                        extraCssText: 'padding-right:8px;padding-left:8px;line-height:30px;background:rgba(255,255,255,1);box-shadow:1px 5px 20px 0px rgba(1,11,19,0.2);border-radius:6px;',
                        textStyle: {
                            fontSize: '13',
                            color: '#656565',
                        },
                        formatter: function (obj) {
                            console.log(obj);
                            var value = obj.value;
                            return '<div style="padding-bottom: 0px;margin-bottom: 0px">' +
                                '学历：' + obj.seriesName +
                                '</div>' +
                                '本科成绩：' + value[1] + '<br/>' +
                                '学校软科排名：' + value[0] + '<br/>'
                            // +
                            // '人均发表篇次：' + value[1].toFixed(1) + '<br/>' +
                            // '发表论文总数：' + value[3] + '<br/>';
                        }
                    },
                    xAxis: {
                        name: "学校软科排名",
                        nameTextStyle: {
                            color: '#8998AC',
                            padding: [10, 0, 0, 140],
                            fontSize: 8
                        },
                        axisLine: { //  改变x轴颜色
                            show: false,
                            lineStyle: {
                                // color: '#26D9FF',
                            }
                        },
                        axisTick: {
                            show: false
                        },
                        axisLabel: { //  改变x轴字体颜色和大小
                            textStyle: {
                                color: "#86909C",
                                fontSize: 8
                            },
                        },
                        splitLine: {
                            show: false,
                        },
                        // nameTextStyle: {
                        //     padding: [50, 120, 360, 0]
                        // }
                        nameLocation: 'middle',
                    },
                    yAxis: {
                        name: '本科成绩',
                        nameTextStyle: {
                            color: '#8998AC',
                            padding: [0, 25, 0, 0],
                            fontSize: 8
                        },
                        axisLine: { //  改变y轴颜色
                            lineStyle: {
                                color: '#ccc'
                            }
                        },
                        axisTick: {
                            show: false
                        },
                        axisLabel: { //  改变y轴字体颜色和大小
                            //formatter: '{value} m³ ', //  给y轴添加单位
                            textStyle: {
                                color: "#86909C",
                                fontSize: 8
                            },
                        },
                        splitLine: {
                            lineStyle: {
                                color: "#E9E9E9"
                            }
                        },
                    },
                    series: [{
                        name: '你的背景',
                        type: 'scatter',
                        itemStyle: {
                            color: "#f17b6c",
                        },
                        symbolSize: 5,
                        data: listUser
                        // [
                        //     [10.0, 8.04]
                        // ],
                    }, {
                        name: '985',
                        type: 'scatter',
                        itemStyle: {
                            color: "#63dadc",
                        },
                        symbolSize: 5,
                        data: list985
                        // [
                        //     [1.0, 5.04],
                        //     [11.0, 7.95],
                        //     [12.0, 8.58],
                        //     [5.0, 11.81],
                        //     [7.0, 12.33],
                        //     [11.0, 7.96],
                        //     [7.0, 9.24],
                        //     [6.0, 8.26],
                        //     [10.0, 11.84],
                        //     [7.0, 3.82],
                        //     [6.0, 4.68]
                        // ],
                    }, {
                        name: '211',
                        type: 'scatter',
                        itemStyle: {
                            color: "#6292ff",
                        },
                        symbolSize: 5,
                        data: list211
                        // [
                        //     [21.0, 2.95],
                        //     [22.0, 2.58],
                        //     [2.0, 21.81],
                        //     [2.0, 22.33],
                        //     [21.0, 21.96],
                        // ],
                    }, {
                        name: '双非',
                        type: 'scatter',
                        itemStyle: {
                            color: "#75777a",
                        },
                        symbolSize: 5,
                        data: listShuangfei
                        // [
                        //     [11.0, 1.95],
                        //     [12.0, 1.58],
                        //     [1.0, 11.81],
                        //     [1.0, 12.33],
                        //     [11.0, 1.96],
                        // ],
                    }]
                }
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            },
            getChart2(data2) {
                let indicatorList = data2.map(i => {
                    return { name: i.dimenname, max: i.dimenMaxVal, min: i.dimenMinVal }
                })
                let averageList = data2.map(i => {
                    return i.dimenMeanVal
                })
                let curList = data2.map(i => {
                    return i.dimenCurVal
                })
                console.log('indicatorList', indicatorList);
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart2'));
                var option = {
                    grid: {
                        // left: '30',
                        // right: '30',
                        // bottom: 30,
                        containLabel: true
                    },
                    color: ['#165dff', '#14c9c9'],
                    legend: {
                        //图例形状
                        icon: 'circle',
                        bottom: 0,
                        // right: '0%',
                        show: true,
                        orient: 'horizontal',
                        itemWidth: 7,
                        itemHeight: 7,
                        itemGap: 30,
                        data: ['你的背景', '历年平均值'],
                        textStyle: {
                            fontSize: 8,
                            color: '#999',
                        }
                    },
                    radar: {
                        shape: 'circle',
                        // 外圆的位置
                        center: ['50%', '50%'],
                        // 大小
                        radius: '63%',
                        name: {
                            textStyle: {
                                color: '#999',
                                fontSize: 8,
                            }
                        },
                        indicator: indicatorList,
                        // [
                        //     { name: '软科排名', max: 200 },
                        //     { name: '本科成绩', max: 200 },
                        //     { name: '项目实习', max: 200 },
                        //     { name: '本科专业', max: 200 },
                        //     { name: '雅思', max: 200 },
                        //     { name: 'GRE', max: 200 },
                        //     { name: '工作经验', max: 200 },

                        // ],
                        splitArea: {
                            areaStyle: {
                                color: ['#f2f3f5', '#ffffff', '#f2f3f5', '#ffffff'],
                                shadowColor: 'rgba(0, 0, 0, 0)',
                                shadowBlur: 10
                            }
                        },
                        axisLine: {
                            // 指向外圈文本的分隔线样式
                            lineStyle: {
                                color: '#D7E0E9'
                            }
                        },
                    },
                    tooltip: {
                        show: true
                    },
                    series: [
                        {
                            symbolSize: 4,  //拐点大小
                            type: 'radar',
                            data: [
                                {
                                    value: curList,
                                    name: '你的背景',
                                    areaStyle: {
                                        color: 'rgba(117, 208, 194)'
                                    },
                                    // 取消拐点
                                    // symbolSize: 0,
                                    // 区域边缘线样式
                                    lineStyle: {
                                        normal: {
                                            color: '#4acab6',
                                            width: 2
                                        }
                                    },
                                    itemStyle: {
                                        color: '#4acab6',
                                        // opacity: 0.8,
                                        // borderWidth: 1,
                                        // borderColor: '#f14caa',
                                    },

                                },
                                {
                                    value: averageList,
                                    name: '历年平均值',
                                    areaStyle: {
                                        color: 'rgba(198, 223, 63)'
                                    },
                                    // 取消拐点
                                    // symbolSize: 0,
                                    // 区域边缘线样式
                                    lineStyle: {
                                        normal: {
                                            color: '#e6e50b',
                                            width: 2
                                        }
                                    },
                                    itemStyle: {
                                        color: '#e9e607',
                                        // opacity: 0.8,
                                        // borderWidth: 1,
                                        // borderColor: '#f14caa',
                                    },
                                }
                            ]
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            },
            getChart3(data3) {
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('chart3'));
                var option = {
                    title: [{
                        text: data3 >= 85 ? '85%' : data3 <= 10 ? '10%' : data3 + '%',
                        // text: data3 + '%',
                        x: 'center',
                        top: '42%',
                        textStyle: {
                            // color: '#fff',
                            fontSize: 20,
                            fontWeight: '600',
                        }
                    }, {
                        text: data3 > 85 ? '超过' : data3 < 10 ? '小于' : '',
                        x: 'center',
                        top: '53%',
                        textStyle: {
                            fontSize: '14',
                            // color: '#fff',
                            foontWeight: '600',
                        },
                    }, {
                        text: '*你的背景对比历史录',
                        x: 'center',
                        top: '85%',
                        textStyle: {
                            fontSize: 8,
                            // color: '#fff',
                            // foontWeight: '200',
                            color: '#999',
                            fontFamily: 'sans-serif'
                        },
                    }, {
                        text: '取数据的综合竞争力',
                        x: 'center',
                        top: '92%',
                        textStyle: {
                            fontSize: 8,
                            // color: '#fff',
                            // foontWeight: '200',
                            color: '#999',
                            fontFamily: 'sans-serif'
                        },
                    }],

                    series: [
                        {
                            type: 'pie',
                            label: {
                                show: false,
                                position: 'center'
                            },
                            labelLine: {
                                show: false
                            },
                            data: [
                                {
                                    value: data3,
                                    name: 'A',
                                    itemStyle: {
                                        color: '#00f06c'
                                    }
                                },
                                {
                                    value: 100 - data3,
                                    name: 'B',
                                    itemStyle: {
                                        color: '#fafafa'
                                    }
                                }
                            ],
                            radius: ['43%', '63%']
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }

        }
    })
</script>
<style>
    .el-cascader .el-input .el-input__inner {
        border: 0;
    }
</style>

</html>